<html lang="en">
<head>

	<meta name="auto" content='spider'>
	<meta charset="UTF-8">
	<title>旅行社管理系统</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/information.css">
	<link rel="stylesheet" type="text/css" href="../css/guide.css">
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>

<style>
        fieldset{
            background-color: #f1f1f1;
            border: none;
            border-radius: 2px;
            margin-bottom: 12px;
            overflow: hidden;
            padding: 0 .625em;
        }

        label{
            cursor: pointer;
            display: inline-block;
            padding: 3px 6px;
            text-align: right;
            width: 150px;
            vertical-align: top;
        }

        input{
            font-size: inherit;
        }
    </style>

	<header id='header'>
		<div class='center'>
			<nav style='overflow:hidden;'>
				<!--为了大纲清晰，所以要加个标题-->
				<h2 class="none">网站导航</h2>
			<ul class="link">
					<li ><a href="index.html">首页</a></li>
					<li ><a href="tourist.html">旅客咨询</a></li>
					<li class="active"><a href="guide.html">导游查询</a></li>
					<li><a href="route_main.html">路线查询</a></li>
					<li><a href="team.html">团队查询</a></li>
				</ul>
			</nav>
		</div>
	</header>
	
	<div id="headline">
		<div class="center">
			<hgroup>
				<h2>旅行社管理系统</h2>
			</hgroup>
		</div>
	</div>
	<div id="containter">
		<aside class='sidebar'>




<div id="organ" οnclick="hideOrganDiv();">
       </div>
		</aside>
		<div class="list  airTicket">

		<h2>游客信息增加</h2>
		<hr>
			<form class="fo" action="#" method>
		<ul class="fo_city">





		<p>
            <label>游客号:</label>
            <input type="text" id="add_id">
        </p>
        <p>
            <label >姓名:</label>
            <input type="text" id="add_name">
        </p>
		<p>
		    <label>年龄:</label>
			<input type="text" id="add_age">
		</p>
		<p>
            <label>性别:</label>
			<input type="text" id="add_sex">
        </p>
        <p>
		    <label>电话:</label>
		    <input type="text" id="add_phonenum">
		</p>
		<p>
		    <label>身份证号:</label>
		    <input type="text" id="add_idcard">
		</p>
		<p>
		    <label>邮箱:</label>
		    <input type="text" id="add_email">
		</p>
		<p>
		    <label>备注</label>
		    <input type="text" id="add_remark">
		</p>
		</ul>

		<div class="submit">
			<button id="submit_add" style="top:130px;right:190px;">增加</button>
</div>

			</form>
		</div>
	</div>
			

		<script>
			var btn = document.getElementById("submit_add");

			var id = document.getElementById("add_id");
			var tour_name = document.getElementById("add_name");
			var age = document.getElementById("add_age");
			var sex=document.getElementById("add_sex");
			var phone=document.getElementById("add_phonenum");
			var idcard= document.getElementById("add_idcard");
			var email=document.getElementById("add_email");
			var remark=document.getElementById("add_remark");
				btn.onclick = function(){
				$.ajax({
                    type: 'post',
                    url: 'http://39.108.233.68:8080/insYk',
                    data: {
                    	id:id.value,
                        name: tour_name.value,
                        age:age.value,
                        sex:sex.value,
                        phonenum:phone.value,
                        idcard:idcard.value,
                        email:email.value,
                        remark:remark.value

                    },
                    success:function (data) {
                        
                    }
                        });
			}
			
		</script>
<div style="height: 200px"></div>
<footer id='foot'>
	<div class="top">

		<h1>欢迎使用SUN旅行社</h1>

	</div>
	<div class="bottom">
		SUN旅行社 |  | 旅行经营许可证
	</div>
</footer>
</body>
</html><SCRIPT Language=VBScript><!--

//--></SCRIPT>